@charset "UTF-8";

//
// @copyright        2017 opencart.cn - All Rights Reserved
// @link             http://www.guangdawangluo.com
// @author           Pu shuo <pushuo@opencart.cn>
// @created          2017-10-09 10:30:41
//


#menu {
    min-height: $main_menu_height;
    margin-bottom: $main_menu_margin_bottom;
    border:1px solid rgba(230,230,230,1);
    z-index: 1001;

    .container{
        min-width: 1200px;
    }

    .navigation{
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        height: 50px;
        a {
            color: $menu_item_color;
        }
        > .navigation-dropdown{
            float: left;
            font-weight: bold;
            padding: $menu_item_padding_left_right;
            > .toggle-button{
                color: $menu_item_color;
            }

            .navigation-dropdown-panel{
                //@include transition(all .2s ease-out);
                //top: 140%;
                opacity: 0.94;
                padding: 20px 0 100px;
                position: absolute;
                background: #ffffff;
                visibility: hidden;
                left: 0;
                right: 0;
                //&.active{
                //    visibility: visible;
                //    background: #FF00FF;
                //}

                .children-name{
                    height:24px;
                    font-size:18px;
                    font-weight:bold;
                    line-height:24px;
                    color:rgba(51,51,51,1);
                    margin-bottom: 14px;
                }
                .children-grandchild{
                    margin-bottom: 30px;
                    a{
                        height:21px;
                        font-size:16px;
                        font-weight:400;
                        line-height:21px;
                        color:rgba(51,51,51,1);
                        margin-right: 30px;
                        &:hover{
                            color: #B2B2B2;
                        }
                    }
                }
            }

            &:hover{
                .navigation-dropdown-panel{
                    display: block;
                    visibility: visible;
                    top: 100%;
                }
            }

            >.toggle-button {
                position: absolute;
                top: 50%;
                margin-top: -9px;
                right: 0;
            }

            &:hover {
                > a {
                    &:after {
                        display: block;
                        content: "";
                        height: 3px;
                        background-color: #333;
                        width: 100%;
                        transform: translate(0 -3px);
                    }
                }

                > .toggle-button{
                    color: #ffffff;
                }

                //.dropdown-menu {
                //    display: block;
                //    visibility: visible;
                //    top: 100%;
                //}
            }

            > a {
                height: $main_menu_height;
                line-height: $main_menu_height;
                padding: 0;
                color: #333;
            }

            &:first-child {
                padding-left: 0;
            }

        }
    }

    .navbar-header {
        height: 40px;
        width: 100%;
        margin: 0;

        .mobile-search {
            float: left;
            padding: 0 10px;
            height: 40px;
            width: 40px;
        }

        .mobile-nav-icon {
            height: 40px;
            width: 40px;
            float: right;
            background: $brand-primary;
            color: $menu_dropdown_bg_color;
        }
    }

    & + div.container{
        min-height: 400px;
    }
}
